<template>
    <dv-border-box1 ref="borderRef">
      <div  h18rem color-white flex justify-center items-center>
         <video
              style="width: 20vw; height: 20vh;     margin-left: 2.5vw;
    margin-top: 2vh"
              src="../../../img/icon/shipin3.mp4"
              controls
              autoplay
            ></video>
      </div>
    </dv-border-box1>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import { BorderBox1 as DvBorderBox1 } from '@kjgl77/datav-vue3'
const borderRef = ref<InstanceType<typeof DvBorderBox1>>()
// let width = ref(4)

</script>
<style >
.dv-border-box-1 .border-box-content ,.dv-border{
    width: 20vw;
    height: 20vh;
    text-align: center;
   
}


</style>